/* 简介 */

/* 不面对屏幕不可见 */
#info,#skill,#experience{
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;	Chrome 和 Safari
	-moz-backface-visibility:hidden; 	Firefox
	-ms-backface-visibility:hidden; 	Internet Explorer
} 

/* 创建3D场景 */
body{
	perspective:800;
	-webkit-perspective:800;
	-moz-perspective:800;
	-ms-perspective:800;

	perspective-origin: 50% 50%;
	-webkit-perspective-origin: 50% 50%;
	-moz-perspective-origin: 50% 50%;
	-ms-perspective-origin: 50% 50%;
}
.wrapper{
	transform-style:preserve-3d;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
}


/* page动画 默认位置*/
.default{
	transform-origin: bottom;
	-webkit-transform-origin: bottom;
	-moz-transform-origin: bottom;
	-ms-transform-origin: bottom;

	transition: transform 1s linear;
	-webkit-transition: -webkit-transform 1s linear;
	-moz-transition: -moz-transform 1s linear;
	-ms-transition: -ms-transform 1s linear;

	transform:rotateX(90deg);
	-webkit-transform:rotateX(90deg);
	-moz-transform:rotateX(90deg);
	-ms-transform:rotateX(90deg);
}

.currentPage{
	transform-origin: bottom;
	-webkit-transform-origin: bottom;
	-moz-transform-origin: bottom;
	-ms-transform-origin: bottom;

	transition: transform 1s linear 1s;
	-webkit-transition: -webkit-transform 1s linear 1s;
	-moz-transition: -moz-transform 1s linear 1s;
	-ms-transition: -ms-transform 1s linear 1s;

	transform:rotateX(0deg);
	-webkit-transform:rotateX(0deg);
	-moz-transform:rotateX(0deg);
	-ms-transform:rotateX(0deg);
}
